<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns="http://www.w3.org/1999/xhtml"
                template="./../home.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="content">
        <div class="col-lg-12">
            <h3 class="page-header" id="comercio">
                Administración de Empleados
            </h3>
        </div>
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-2">
                            <h:panelGroup rendered="#{sesionControlador.permiso.crear eq true}">
                                <h:button value="Nuevo Empleado" styleClass="btn btn-primary" outcome="create.xhtml" />
                            </h:panelGroup>

                        </div>
                    </div>
                    <br/>
                    <h:form id="frmEmpls" >
                        <f:event type="preRenderView" listener="#{empleadoControlador.initLista}" />
                        <p:dataTable  value="#{empleadoControlador.empleados}" var="list" emptyMessage="No existen registros de Empleados" 
                                      paginator="true" rows="10" lazy="true" rowIndexVar="rowIndex"
                                      paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"   >
                            <f:facet name="header">
                                <h:commandLink styleClass="btnExportarExcel" actionListener="#{empleadoControlador.exportar}">
                                    <h:graphicImage value="/resources/images/xls.gif" />
                                </h:commandLink>
                            </f:facet>
                            <p:column style="text-align: center;width: 10%;">
                                <f:facet name="header">
                                    #
                                </f:facet>
                                <h:outputText value="#{rowIndex+1}" />
                            </p:column>
                            <p:column style="text-align: center;">
                                <f:facet name="header">
                                    Nombre
                                </f:facet>
                                <h:outputText value="#{list.nombre}" />
                            </p:column>
                            <p:column style="text-align: center;">
                                <f:facet name="header">
                                    Apellidos
                                </f:facet>
                                <h:outputText value="#{list.apellidos}" />
                            </p:column>
                            <p:column style="text-align: center;">
                                <f:facet name="header">
                                    Tipo
                                </f:facet>
                                <h:outputText value="#{list.tipo.descripcion}" />
                            </p:column>
                            <p:column style="text-align: center;">
                                <f:facet name="header">
                                    Telefono
                                </f:facet>
                                <h:outputText value="#{list.telefono}" />
                            </p:column>
                            <p:column style="text-align: center;width: 12%;">
                                <h:panelGroup rendered="#{sesionControlador.permiso.actualizar eq true}">
                                    <p:commandButton icon="icon-update" action="#{empleadoControlador.irActualizar(list.id)}"  />
                                </h:panelGroup> 
                            </p:column>
                        </p:dataTable> 
                    </h:form>
                </div>
            </div>
        </div>
    </ui:define>

</ui:composition>
